@charset "utf-8";
/*-----------------

*Filename:style.css
*Description:CSS
*Author:shendeying
*Date:2016-08-18
*ModificationTime: 2018-01-31

-------------------*/



.head{ background-color: #06b0f7;}
.logo-line{ height: 75px;}
.logo-line .logo{ display: block;width: 173px;height: auto;}
.logo-line .nav li{ position:relative; float: left;}
.logo-line .nav li h3{ font-size: 18px;  text-align: center; line-height: 25px; padding: 25px 20px;}
.logo-line .nav li h3 a{ color: #fff; position:relative; z-index:3}
.logo-line .nav li:hover h3{ background-color: #fff;}
.logo-line .nav li:hover h3 a{ color: #06b0f7;}
.logo-line .nav li .subnav{ position:absolute; left: 0; background-color: #fff;  display:none; z-index:2; padding-top: 56px; top: 0;}
.logo-line .nav li .subnav .subnav-level ,.logo-line .nav li .subnav ul li a{ display: block; font-size: 15px; color: #3d3d3d;height:35px; line-height: 25px; padding:6px 20px; }
.logo-line .nav li .subnav .subnav-level {white-space: nowrap;}
.logo-line .nav li .subnav ul li a{width: 200px;}
.logo-line .nav li .subnav a:hover{color: #fff;background-color: #06b0f7;}
.head-title{height: 75px;}
.head-title h5{font-size: 22px;padding-top: 15px;color: #122031;text-shadow: 0 0 5px #fff;}
.head-title h6{font-size: 12px;color: #3B464A;text-shadow: 0 0 5px #fff;}
.subnav-level{position: relative;}
.logo-line .nav li .subnav ul{position: absolute;left:133px;top:55px;background-color: #fff;}

.logo-line .nav .search{/*height: 75px;line-height: 75px;*/margin-left: 10px;}
.logo-line .nav .search a{margin-top: 26px;display:block;}

/* .logo-line .nav .search .search-icon{display: block;background: url(../images/search_icon.png) no-repeat center center;background-size:100%;}
.logo-line .nav .search .search-close{display: block;background: url(../images/search_close.png) no-repeat center center;background-size:100%;} */


.logo-line{position: relative;}
.logo-line .search-box{width: 100%;height: 100px;background: rgba(255,255,255,0.8);position: absolute;top: 75px;z-index:500;display:none;}
.logo-line .search-box form{width: 720px;height: 50px;border: 1px solid #48B6F7;margin-left: 190px;margin-top: 25px;}
.logo-line .search-box form .keyword{width: 600px;height: 48px;background: rgba(255,255,255,0.8);padding-left: 10px;position: relative;}
.logo-line .search-box form .submit{width: 118px;height: 48px;background-color: #48B6F7;line-height: 50px;text-align: center;color: #fff;cursor: pointer;position: absolute;}


/*用superslide仿佛并没有怎么设置banner本身的宽高等属性*/
.banner .bd li{ display:block; height:386px; width:100%}
.banner .bd .tempWrap{ z-index:1}
.banner .hd{ bottom:0px; left:0; width:100%; height: 24px; z-index:2}
.banner .hd ul{ text-align:center; font-size:0; margin-left:auto; margin-right:auto}
.banner .hd li{ display:inline-block;  *display: inline; *zoom:1;  margin:0 10px; cursor:pointer; width: 14px; height: 14px; border-radius:50%; border:1px solid #17c5f8}
.banner .hd li.on{ background-color:#17c5f8}

.i-main-top{ margin-top: 12px;}


.i-top-title{ height: 36px; border-bottom:1px solid #b8b8b8; position:relative}
.i-top-title h3{ padding-left: 2px; line-height: 39px; color: #272727; font-size: 16px;}
.i-top-title h3 span{ padding-left: 6px; font-size: 12px; color: #a5a5a5;}
.i-top-title .i-top-more{ position:absolute; line-height: 39px; top: 0; right: 5px; color: #a5a5a5; font-size: 14px;}

.i-about{ padding:8px 30px 0; width: 225px; height: 258px; background-color: #f6f4f4;}
.i-about-con{ padding-top: 12px; position:relative}
.i-about-con p{ font-size: 14px; line-height: 26px; color: #343536; padding-right: 10px;}
.i-about-con a{ position:absolute; right: 14px; bottom:4px; font-size: 14px; color: #17c5f8;}

.i-g-top{ height: 62px; border-bottom:1px solid #fff; color: #fff; padding-left: 14px;}
.i-g-top h3{ font-size: 14px; line-height: 18px; padding-top: 15px;}
.i-g-top h5{ font-size: 12px; line-height: 14px; }

.i-gd{ height: 266px; margin-left: 14px; background-color: #18b0a3; width: 254px;}
.i-gd .i-g-top{ background:url(../images/index_11.jpg) no-repeat right top}
.i-gd li:hover a{ color: #18b0a3;}

.i-gm{ height: 266px; margin-left: 14px; background-color: #febe52;  width: 254px;}
.i-gm .i-g-top{ background:url(../images/index_09.jpg) no-repeat right top}
.i-gm li:hover a{ color: #febe52;}


.i-gi{ height: 266px; background-color: #5b9ac5;  width: 254px;}
.i-gi .i-g-top{ background:url(../images/index_07.jpg) no-repeat right top}
.i-gi li:hover a{ color: #5b9ac5;}

.i-g-t{ }
.i-g-t-bottom{ overflow:auto; height: 205px;}
.i-g-t ul{ padding-top: 4px; }
.i-g-t ul li{ height: 22px; padding-left: 18px;}
.i-g-t ul li a{ font-size: 12px;  color: #fff; line-height: 22px; display: block;}
.i-g-t ul li:hover{ background-color: #fff;}

.i-main-bottom{ margin-top: 15px;}
.i-gnew{ height: 254px; padding:0 12px; width: 650px; background-color: #f6f4f4;}
.i-gnew .i-gn-con{ padding-top: 22px;}
.i-gnew .i-gn-rec{ width: 236px; height: 165px; border:2px solid #c7c7c7; position:relative}
.i-gnew .i-gn-rec .bd li img{ width: 236px; height: 165px;}
.i-gnew .i-gn-rec .prev{ width: 17px; height: 27px; position:absolute; top: 70px; left: 3px; background:url(../images/i-left.png) no-repeat center center}
.i-gnew .i-gn-rec .next{ width: 17px; height: 27px; position:absolute; top: 70px; right: 3px; background:url(../images/i-right.png) no-repeat center center}

.i-gn-r{ width: 388px; height: 169px; overflow:hidden}
.i-gn-r li{ font-size: 14px; line-height: 26px; }
.i-gn-r li a{ color: #1d1c1d;}

.i-gn-r li:hover a{ color: #52d2f7;}

.i-news{ width: 395px;}
.i-news .i-gm-a{ width: 395px; height: 62px; display: block;}
.i-article{}
.i-article li{ font-size: 14px; line-height: 32px; padding-left: 12px; background:url(../images/i-article-left.png) no-repeat 2px center; height: 32px;}
.i-article li a{ color: #4c4c4c; float: left;}
.i-article li:hover a{ color: #17c5f8;}
.i-article li span{ font-size: 14px; color: #4c4c4c; float: right; line-height: 32px;}

.i-link-back{ border-top:2px solid #17c5f8; margin-top: 14px;}
.i-link{ }
.i-link li{ float: left; line-height: 30px; font-size: 14px; color: #343536; margin:0 24px}


.footer-back{ background-color: #f5f5f5;}
.footer{ padding-top: 38px; padding-bottom: 29px;}
.footer p{ font-size: 14px; color: #292929; line-height: 26px;}
.footer .footer-l{ padding-left: 122px; width: 420px;}
.footer .footer-r{ width: 448px;}
.footer-box{margin-bottom:10px;}
.footer-box a{font-size: 16px;padding-bottom: 18px;}
.footer-box a i{padding-left: 7px;padding-right: 7px;}


/*page-public*/
.page-change{ padding:14px 0;font-size:14px; line-height:26px; text-align:center}
.page-change span{ padding:4px 10px; border:1px solid #a0a0a0; margin:0 10px; color:#a0a0a0; border-radius:4px}
.page-change a{ padding:4px 10px; border:1px solid #888; margin:0 10px; color:#888; border-radius:4px}
.page-change a:hover{ background-color:#06b0f7; border:1px solid #06b0f7; color:#FFFFFF}

.page-other{ padding:30px 20px; }
.page-other a{ font-size:14px;  line-height:25px; color: #666;display: block;}
.page-other a:hover{ color:#06b0f7;}

.banner-c{ margin-top: 10px;} 
.banner-c img{ display: block; width: 1100px; height: 253px; border-radius:5px; display: block;}

.main-c{ margin-bottom: 24px;}
.main-l{ width: 231px;}
.main-r{ width: 850px;overflow-x:auto;}

.side-top{ height: 48px;} 
.side-top h2{ line-height: 48px; font-size: 18px; color: #3d3d3d;}
.side-top h2 span{ color: #2a8db6; font-size: 16px; margin-left: 8px; font-family:Arial}

.side-menu-list{}
.side-menu-list li{ }
.side-menu-list li h3{ display:block; height:40px; line-height:40px}
.side-menu-list li h3 a{ color:#fff; font-size: 16px; display:block; height:100%;  background:url(../images/side-menu.png) no-repeat 35px center; background-color:#06b0f7;padding-left:58px;  }
.side-menu-list li h3:hover a,.side-menu-list li h3.hover a{ color:#fff; background-color:#06b0f7}
.submenu a{ color:#646464; font-size: 14px; line-height:28px;  display: block;  height:28px; padding-left:36px; background:url(../images/submenu.png) no-repeat 64px center; line-height: 28px;}
.side-menu-list li .submenu{ clear:both; padding:8px 0; /*display:none;*/ background-color: #efefef;}
.side-menu-list li .submenu a:hover,.side-menu-list li .submenu a.hover2{ color:#06b0f7}
.side-menu-list li .subshow{ display:block}

.contact-s{ padding:9px 16px; border:1px solid #eaeaea}
.contact-s h5{ font-size: 16px; line-height: 32px; }
.contact-s p{ font-size: 14px; line-height: 26px; color: #666;}

.pos-line{ font-size: 14px; color: #8b8b8b; line-height: 42px; text-align: right; border-bottom:1px solid #e5e5e5; }


/*base-read*/
.base-read{ font-size: 14px; color: #666; line-height: 26px; margin-top: 20px; padding: 10px;}
.base-read img{ max-width: 100%; height: auto;}

/*article-list*/
.article-list{ padding:20px 5px}
.article-list li{ border-bottom:1px solid #eee;padding-top: 5px;margin-bottom: 5px;}
.article-list li h4{font-size: 15px;line-height: 20px;margin-bottom: 8px;padding-left: 10px;border-left:2px solid #06b0f7;height: 20px;}
.article-list li h4 a{ color: #666; }
.daili li h4{height: 100px;}
.daili li h4 a{width: 100px;height:100%;display: block;text-align: center;float: left;border-right: 1px dashed #CCCCCC;margin-right: 20px;position: relative;}
.daili li h4 a h6{position: absolute;top: 78px;font-size: 12px;text-align: center;width: 100%;}
.daili li h4 p{display: block;width:650px;float:left;}
.article-list li h4 span a{float: right;padding-left: 5px;width:20px;height:20px;}
.article-list li h4 span a img{width:20px;height:20px;display: none;}
.article-list li h4 span a .show{display: block;}

.article-list li h4 span{ float: right; font-size: 14px; color: #666;}
.article-list li h4 img{width: 80px;}
.article-list li p{ font-size: 14px; color: #999;  text-indent:2em;padding-bottom: 20px;}
.article-list li:hover{ box-shadow:0 2px 4px rgba(0,0,0,0.2); transition:all 0.3s ease}
.article-list li:hover h4 a{ font-weight: bold;}


/*case-list*/
.case-title{height: 50px;line-height: 50px;color: #CC0033;font-weight: bold;border-bottom: 1px dashed #999999;padding-top: 11px;}
.case-list{width:410px;height: 140px;position: relative;margin-top: 20px;}
.case-lf,.case-rt{float: left;}
.case-lf a{width:170px;display: block;text-align: center;font-size: 12px;}
.case-lf a img{width: 170px;height: 120px;}
.case-rt{width: 225px;padding-left: 10px;}
.case-rt p{font-size: 14px;line-height: 25px;}
.case-rt a{font-size: 12px;display: block;float: right;width: 50px;background-color: #E50005;height: 20px;line-height: 20px;text-align: center;color: #fff;position: absolute;bottom:0;right: 10px;}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

/*article-read*/
.article-read{ margin-top: 20px; overflow:hidden}
.article-read .title-area{ padding:20px 0;  box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.article-read .title-area h2{ font-size: 20px; color: #333; line-height: 36px; text-align: center;}
.article-read .title-area h6{ font-size: 12px; color: #999; text-align: center;}

.article-read .article-con{ font-size: 14px; color: #666; line-height: 26px; padding:20px; }
.article-read .article-con img{ max-width: 100%; height: auto;}


/*客服*/
*{box-sizing: border-box;}
.service{position:fixed;top:350px;right:0px; z-index:100;}
*html .service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
a:hover{text-decoration: none}
a{text-decoration: none;}
ul{list-style: none;}
.service li{width: 55px;height: 55px;}
.service li .service-img{width: 55px;height: 55px;}
.link-table{background-color: #BC3F61;}
.link-table a{font-size: 14px;line-height: 20px;color: #fff;text-align: center;display: block;padding-top: 8px;}
.tel{background-color: #E6776C;position: relative;}
.tel a img{width: 25px;height: 25px;position: absolute;top: 6px;left: 15px;}
.weixin{background-color: #67076F;position: relative;}
.weixin a img{width: 29px;height: 25px;position: absolute;top: 6px;left: 13px;}
.qq{background-color: #8BC48D;position: relative;}
.qq .qq-img img{width: 27px;height: 27px;position: absolute;top: 6px;left: 14px;}

.qq div a,.wangw div a{padding-left: 8px;}
.qq div a img,.wangw div img{width: 20px;height: 20px;}

.wangw{background-color: #1C9EF6;position: relative;}
.wangw .wangw-img img{width: 26px;height: 27px;position: absolute;top: 6px;left: 14px;}
.top{background-color: #BC3F61;position: relative;}
.top a img{width: 30px;height: 15px;position: absolute;top: 12px;left: 13px;}
.service li p{font-size: 12px;position: absolute;top: 35px;color: #fff;text-align: center;width: 55px;}
.service-details{position: absolute;right:55px;color: #fff;padding-top: 5px;padding-left: 10px;display:none;}
.tel div{background-color: #E6776C;width: 145px;height:55px;padding-top: 10px;}
.tel div span{font-size: 12px;}
.qq div{width: 120px;background-color: #8BC48D;}
.qq div a{font-size: 12px;display: block;color: #fff;line-height: 27px;height: 27px;}
.wangw div{width: 145px;height: 55px;;background-color: #1C9EF6;}
.wangw div span{font-size: 14px;line-height: 50px;}

.weixin div img{width: 150px;height: 150px;}

/* 产品列表 三级列表 */
.class_C{
    margin-top: 10px;
}
.class_C li{
    float: left;
    padding: 4px 16px;
    border: 1px solid  #06b0f7;
    margin: 4px 6px;
    background:#fff;
}
.class_C li a{
    display: block;
    color:  #06b0f7;
    font-size: 13px;
}
.class_C li:hover{
    background:#ccc;
    border-color: #eee;
}
.class_C li:hover a{
    color:#fff;
}
.class_C li.active{
    background:#ccc;
    border-color: #eee;
}
.class_C li.active a{
    color: #fff;
}
/* 产品详情 */
.pdf_img{
   display: block;
   float: right;
}
.pdf_img a{
   display: none;
}
.pdf_img a.show{
   display: block;
   width: 50px;
   text-align:center;
}